<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title data-env="<%= MODE %>">Vite App</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>

    <!-- 引入QQ登录SDK，引入之后，会得到一个全局变量QC -->
    <script src="https://connect.qq.com/qc_jssdk.js"></script>
    <!-- <script
      src="https://connect.qq.com/qc_jssdk.js"
      data-appid="102015968"
      data-redirecturi="http://consult-patients.itheima.net/login/callback"
    ></script> -->

    <!-- 只有在开发环境才需要这个玩意 -->
    <!-- 在html中访问环境变量，不需要再加 import.meta.env前缀了，直接访问名字 -->
    <!-- 在 \<\% 可以写js代码 \%\> -->
    <!-- 在 \<\%\= 输出变量的值 \%\> -->
    <!-- 这个新的模板语法无法用 普通的 HTML 注释语法 进行注释 -->

    <% if (DEV) { %>
    <script src="https://cdn.bootcdn.net/ajax/libs/eruda/2.4.1/eruda.min.js"></script>
    <script>eruda.init();</script>
    <% } %>

  </body>
</html>
